<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
// 파라미터 catergory 받아옴 -> 주소뒤에 ?category='' <-- 이걸 받아온다는 뜻
String category = request.getParameter("category");
// team_no 는 일단 빈문자열로 지정
String team_no = "";
// 파라미터 team_no 가 있을시 값 대체 아니면 ""이걸로 쭉감
if(!"".equals(request.getParameter("team_no")) || null != request.getParameter("team_no")){
	team_no = request.getParameter("team_no");
}
%>
<script>
	function goBack(){
		history.go(-1);
	}
	
	// select 에다가 걸어둔 onChange 이벤트 함수
	function changeEvent(obj){
		//document에서 ID가 team_no인 Object를 받아옴..(Tr행에 지정해둠)
		var tr = document.getElementById('team_no');
		//category select에서 바뀔떄마다 바뀐 value값을 가져옴.여기서 obj는 아래 체인지이벤트의 this
		//this는 select box Object 자기자신임
		var category = obj.value;
		// 받아온 value 값이 yagu 인지 확인 
		if(category == 'yagu'){
			//야구 일시 style.display가 보이게.(table모양상 table-row로함)
			//display 속성은 알아서 참조..ㅋ
			tr.style.display = 'table-row';
		} else {
			// 아닐경우 안보이게.
			tr.style.display = 'none';
		}
	}
	
	function check(){
		var a = document.getElementById("bo_title").value;
		if(a == ''){
			alert("제목을 입력해주세요");
			return false;
		}
		var b = document.getElementById("bo_content").value;
		if(b == ''){
			alert("내용을 입력해주세요");
			return false;
		}
		
	}
		
</script>

<form action="write.do" enctype="multipart/form-data" method="post" onsubmit="return check()">
	
	
	<table>
	<tr>
		<td>카테고리 : </td>
		<td>
			<!-- 아래 onChange는 select 변경될때마다 실행되는 Event 모르면 죽음..ㅡㅡ -->
			<select name="category" onchange="changeEvent(this)">
				<!-- ㅡㅡ^ -->
				<c:if test="${userId == 'admin'}">
					<option value="gong"<%if(category.equals("gong")){ %> selected <% } %>>공지사항</option>
					<option value="yagu"<%if(category.equals("yagu")){ %> selected <% } %>>야구게시판</option>
					<option value="jung"<%if(category.equals("jung")){ %> selected <% } %>>중계방</option>
					<option value="gallery"<%if(category.equals("gallery")){ %> selected <% } %>>gallery</option>
				</c:if>
				<c:if test="${m_level =='b'}">
					<option value="yagu"<%if(category.equals("yagu")){ %> selected <% } %>>야구게시판</option>
					<option value="gallery"<%if(category.equals("gallery")){ %> selected <% } %>>gallery</option>
				</c:if>
				<c:if test="${m_level =='c'}">
					<option value="yagu"<%if(category.equals("yagu")){ %> selected <% } %>>야구게시판</option>
				</c:if>
			</select>
		</td>
	</tr>
	<!-- 여기서 if 는 처음에 받아온 파라미터 중 category가 yagu일시 처음에 보여줌. yagu가 아닐시 안보여줌 -->
	<tr <%if(!category.equals("yagu")){ %> style="display:none" <%} else { %>style="display:table-row"<%} %> id="team_no">
		<td>팀넘버 : </td>
		<td>
			<select name="team_no">
				<option value="ss"<%if(team_no.equals("ss")){ %> selected <% } %>>삼성</option>
				<option value="ds"<%if(team_no.equals("ds")){ %> selected <% } %>>두산</option>
				<option value="hh"<%if(team_no.equals("hh")){ %> selected <% } %>>한화</option>
				<option value="kia"<%if(team_no.equals("kia")){ %> selected <% } %>>기아</option>
				<option value="lg"<%if(team_no.equals("lg")){ %> selected <% } %>>LG</option>
				<option value="lt"<%if(team_no.equals("lt")){ %> selected <% } %>>롯데</option>
				<option value="nc"<%if(team_no.equals("nc")){ %> selected <% } %>>NC</option>
				<option value="ns"<%if(team_no.equals("ns")){ %> selected <% } %>>넥센</option>
				<option value="sk"<%if(team_no.equals("sk")){ %> selected <% } %>>SK</option>
				<option value="sun"<%if(team_no.equals("sun")){ %> selected <% } %>>해외게시판</option>
				<!-- 따로 주석안 단부분은 위에서 받아온 파라미터값들을 토대로 if 걸어서 selected되게 한것임. -->
				<!-- 내가 쓴구분은 taglib이라는건대 자바랑 똑같은 구조임..알지?? -->
			</select>
		</td>
	</tr>
	<tr>
		<td>아이디 : </td>
		<td><input type="hidden" name="bo_id" value=${userId }>${userId }</td>
	</tr>
	<tr>
		<td>제목 : </td>
		<td><input id="bo_title" type="text" name="bo_title" maxlength="20" size="56"></td>
	</tr>
	<tr>
		<td>내용 :</td>
		<td><textarea id="bo_content" name="bo_content" cols="50" rows="10"></textarea></td>
	</tr>
	<tr>
		<td>첨부파일 :</td>
		<td><input type="file" name="upload"/></td>
	</tr>
	
	
	</table>
	
	
	<input type="submit" value="전송" >
	<input type="button" value="취소" onclick="goBack()">
	
</form>





